<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第一个mt的主页</title>
    <link rel="stylesheet" href="./static/css/otherPage.css"/>
    <link rel="stylesheet" href="./static/css/common.css"/>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">
    <link rel="stylesheet" href="./static/css/font-awesome.min.css">
    <script src="./static/js/jquery-3.4.1.min.js"></script>
    <script>

    </script>
</head>
<body>
    <div id="header" class="located font-20">
        <div id="header_left" class="flow">
            <table cellspacing="0" cellpadding="0" style="height: 80px;">
                <tr>
                    <td><div class="table_cell bgc-d-blue"><a href="http://127.0.0.1:5500/mainPage.html" class="bgc-black">首页</a></div></td>
                    <td><div class="table_cell"><a href="javascript:void(0)" class="bgc-black">我的课程</a></div></td>
                    <td><div class="table_cell"><a href="javascript:void(0)" class="bgc-black">社区</a></div></td>
                </tr>
            </table>
        </div>
        <div id="header_right" class="flow">
            <table cellspacing="0" cellpadding="0" style="height: 80px;">
                <tr>
                    <td><div class="table_cell"><a href="javascript:void(0)" class="bgc-black">欢迎XXX</a></div></td>
                    <td><div class="table_cell"><a href="javascript:void(0)" class="bgc-black"><i class="fa fa-cog fa-fw"></i>我的</a></div></td>
                </tr>
            </table>
        </div>
    </div>
    <div id="img" class="located" style="margin-top: 80px;">
        <img src="./static/image/bg_1.png">
        <div id="head_in_img">
            <div class="located" style="width: 100%; height: 100%;">
                <div class="flow" style="left: 10px; bottom: 0;">
                    <div style="float: left;"><img src="./static/image/head_white.png" style="width: 60px; height: 60px; border-radius: 50%;"/></div>
                    <div style="float: left; margin-left: 20px;">
                        <div class="font-20" style="text-align: left; color: white;">第一个mt</div>
                        <div class="font-12" style="text-align: left; color: black; margin-top: 10px;">这个人什么都没留下</div>
                    </div>
                </div>
                <div id="follow_btn">关注</div>
                <div class="flow" style="right: 0; bottom: 5px;">
                    <div class="float color-white" style="margin: 0 5px;">关注数${follow}</div>
                    <div class="float color-white" style="margin: 0 5px;">粉丝数${follower}</div>
                    <div class="float color-white" style="margin: 0 5px;">获赞数${likes}</div>
                </div>
            </div>
        </div>
    </div>
    <div class="located" style="width: 80%; height: 900px; margin: 0 auto;">
        <div id="left" class="float">
            <div>
                <div class="head located">
                    <div class="divider flow bgc-l-blue-2"></div>
                    <label class="color-black flow font-20" style="left: 25px;height: 40px;top: 50%;transform: translateY(-50%);">发布的课程</label>
                    <div class="flow font-20 more bgc-d-gray-1 border-5" style="right: 0px;"><a href="javascript:void(0)" class="full">更多</a></div>
                    <div class="divider-flat flow"></div>
                </div>
                <div class="grup">
                    <div class="classes">
                        <div class="class">
                            <div>
                                <img src="./static/image/classes/1.jpg" />
                            </div>
                            <div>
                                操作系统原理
                            </div>
                        </div>
                        <div class="class">
                            <div>
                                <img src="./static/image/classes/1.jpg" />
                            </div>
                            <div>
                                操作系统原理
                            </div>
                        </div>
                        <div class="class">
                            <div>
                                <img src="./static/image/classes/1.jpg" />
                            </div>
                            <div>
                                操作系统原理
                            </div>
                        </div>
                        <div class="class">
                            <div>
                                <img src="./static/image/classes/1.jpg" />
                            </div>
                            <div>
                                操作系统原理
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <div class="head located">
                    <div class="divider flow bgc-l-blue-2"></div>
                    <label class="color-black flow font-20" style="left: 25px;height: 40px;top: 50%;transform: translateY(-50%);">参与的课程</label>
                    <div class="flow font-20 more bgc-d-gray-1 border-5" style="right: 0px;"><a href="javascript:void(0)" class="full">更多</a></div>
                    <div class="divider-flat flow"></div>
                </div>
                <div class="grup">
                    <div class="classes">
                        <div class="class">
                            <div>
                                <img src="./static/image/classes/1.jpg" />
                            </div>
                            <div>
                                操作系统原理
                            </div>
                        </div>
                        <div class="class">
                            <div>
                                <img src="./static/image/classes/1.jpg" />
                            </div>
                            <div>
                                操作系统原理
                            </div>
                        </div>
                        <div class="class">
                            <div>
                                <img src="./static/image/classes/1.jpg" />
                            </div>
                            <div>
                                操作系统原理
                            </div>
                        </div>
                        <div class="class">
                            <div>
                                <img src="./static/image/classes/1.jpg" />
                            </div>
                            <div>
                                操作系统原理
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <div class="head located">
                    <div class="divider flow bgc-l-blue-2"></div>
                    <label class="color-black flow font-20" style="left: 25px;height: 40px;top: 50%;transform: translateY(-50%);">收藏的课程</label>
                    <div class="flow font-20 more bgc-d-gray-1 border-5" style="right: 0px;"><a href="javascript:void(0)" class="full">更多</a></div>
                    <div class="divider-flat flow"></div>
                </div>
                <div class="grup">
                    <div class="classes">
                        <div class="class">
                            <div>
                                <img src="./static/image/classes/1.jpg" />
                            </div>
                            <div>
                                操作系统原理
                            </div>
                        </div>
                        <div class="class">
                            <div>
                                <img src="./static/image/classes/1.jpg" />
                            </div>
                            <div>
                                操作系统原理
                            </div>
                        </div>
                        <div class="class">
                            <div>
                                <img src="./static/image/classes/1.jpg" />
                            </div>
                            <div>
                                操作系统原理
                            </div>
                        </div>
                        <div class="class">
                            <div>
                                <img src="./static/image/classes/1.jpg" />
                            </div>
                            <div>
                                操作系统原理
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="right" class="float">
            <div class="head located">
                <div class="divider flow bgc-l-blue-2"></div>
                <label class="color-black flow font-20" style="left: 25px;height: 40px;top: 50%;transform: translateY(-50%);">最近动态</label>
                <div class="divider-flat flow"></div>
            </div>
            <div class="actions">
                <div class="action located">
                    <div class="action-body">
                        <label>发布了新的课程</label>
                        <a>操作系统原理</a>
                    </div>
                    <div class="action-time">
                        2019/6/19
                    </div>
                </div>
                <div class="action located">
                    <div class="action-body">
                        <label>发布了新的课程</label>
                        <a>操作系统原理</a>
                    </div>
                    <div class="action-time">
                        2019/6/20
                    </div>
                </div>
            </div>
        </div>
    </div>

</body>
</html>